.myVideo {
    margin-top:1.2rem;
    .myVideoTabs {
        .am-tabs-default-bar-tab-active{
            color:red;
        }
        .am-whitespace.am-whitespace-md{
            height:0 ;
        }
        .videos {
            background-color: #f5f5f5;
            .video-item {
            position: relative;
            margin-bottom: .12rem;
            .videoplayer {
            position: relative;
            height: 5.22rem;
            overflow: hidden;
            background-color: #000;
            video {
            width: 100%;
            height: 100%;
            background-color: #000;
            object-fit: cover;
            }
        
        .poster {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            }
        
            .video-title {
                position: absolute;
                top: 0;
                left: 0;
                font-family: PingFangSC-Medium,serif;
                font-size: .34rem;
                color: #fff;
                letter-spacing: 0;
                line-height: .48rem;
                z-index: 1;
                margin: .18rem .3rem .38rem;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                text-overflow: ellipsis;
                word-wrap: break-word;
                word-break: break-all;
                overflow: hidden;
            }
        
            .play-but {
                z-index: 10;
                position: absolute;
                left: 50%;
                top: 50%;
                width: 1.16rem;
                height: 1.16rem;
                margin-left: -.58rem;
                margin-top: -.58rem;
                background-image: url(//s0.meituan.net/bs/myfe/canary/file/asgard/images/media/video-btn-play.png);
                background-size: contain;
            }
        
            .info-bar {
                position: absolute;
                left: 0;
                bottom: 0;
                right: 0;
                height: 30px;
                line-height: 30px;
                background: linear-gradient(180deg,transparent,rgba(0,0,0,.5));
                color: #fff;
                font-size: 12px;
                .count {
                    float: left;
                    margin-left: 15px;
                    padding-left: 11px;
                    background: url(//s0.meituan.net/bs/myfe/canary/file/asgard/images/media/video-play-count.png) no-repeat 0;
                    background-size: 5px 6px;
                }
        
                .time {
                    float: right;
                    margin-right: 10px;
                }
            }
            }
        
            .video-info {
                height: .92rem;
                background-color: #fff;
                padding-left: .3rem;
                display: flex;
                justify-content: space-between;
            div {
                height: 100%;
                display: flex;
                align-items: center;
                .user-avatar {
                    width: .44rem;
                    height: .44rem;
                    border-radius: .22rem;
                }
        
                .user-nickname {
                    margin-left: .16rem;
                    font-size: .28rem;
                    color: #666;
                }
            }
        
            .video-praise {
                padding-left: .46rem;
                padding-right: .1rem;
                font-size: .24rem;
                height: .7rem;
                line-height: .7rem;
                margin-right: .53rem;
                background: url(//s0.meituan.net/bs/myfe/canary/file/asgard/images/media/video-praise.png) no-repeat 0;
                background-size: .36rem .36rem;
            }
        
            .video-comment {
                padding-left: .46rem;
                padding-right: .1rem;
                font-size: .24rem;
                color: #666;
                height: .7rem;
                line-height: .7rem;
                margin-right: .24rem;
                background: url(//s0.meituan.net/bs/myfe/canary/file/asgard/images/media/video-comment.png) no-repeat 0;
                background-size: .36rem .36rem;
            }
        
            .video-share {
                width: .36rem;
                height: .7rem;
                padding-left: .15rem;
                padding-right: .15rem;
                margin-right: .15rem;
                background: url(//s0.meituan.net/bs/myfe/canary/file/asgard/images/media/video-share.png) no-repeat 50%;
                background-size: .36rem .36rem;
            }
            }
        }
        }
    }
}